<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery六屏选项卡图片切换特效tab标签切换焦点图-xw素材网</title>
<link href="css/lanrenzhijia.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/lanrenzhijia.js"></script>
</head>
<body>
<div class="zhuanti_box">
  <div id="slideBox">
    <div class="J_slide">
      <div class="J_slide_clip">
        <ul class="J_slide_list">
          <li class="J_slide_item"> <a href="javascript:"><img src="images/201302040909245804.jpg" height="329" width="600"></a>
            <div class="J_slide_advance">
              <p><a href="http://www.xwcms.net/"><img src="images/201302040916387940.jpg" /></a></p>
              <p><a href="http://www.xwcms.net/"><img src="images/201302040917051007.jpg" /></a></p>
              <p style="margin-right:0;"><a href="http://www.xwcms.net/"><img src="images/201302040917543303.jpg" alt="精美传统剪纸"></a></p>
            </div>
          </li>
          <li class="J_slide_item"> <a href="javascript:"><img src="images/201301311612466502.jpg" height="329" width="600" /></a>
            <div class="J_slide_advance">
              <p><a href="http://www.xwcms.net/"><img src="images/201302040923225444.jpg" /></a></p>
              <p><a href="http://www.xwcms.net/"><img src="images/201302040923589465.jpg" /></a></p>
              <p style="margin-right:0;"><a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=3061"><img src="images/201302040924331641.jpg" /></a></p>
            </div>
          </li>
          <li class="J_slide_item"> <a href="javascript:"><img src="images/201301300939229190.jpg" height="329" width="600"></a>
            <div class="J_slide_advance">
              <p><a href="http://www.xwcms.net/"><img src="images/201302040921165120.jpg" /></a></p>
              <p><a href="http://www.xwcms.net/"><img src="images/201302040922483037.jpg" /></a></p>
              <p style="margin-right:0;"><a href="http://www.xwcms.net/"><img src="images/201302040924046527.jpg" alt="相对纶原创女装"></a></p>
            </div>
          </li>
          <li class="J_slide_item"> <a href="javascript:" ><img src="images/201301281416578921.jpg" height="329" width="600"></a>
            <div class="J_slide_advance">
              <p><a href="http://www.xwcms.net/"><img src="images/201302040923257447.jpg" /></a></p>
              <p><a href="http://www.xwcms.net/"><img src="images/201302040924235973.jpg" /></a></p>
              <p style="margin-right:0;"><a href="javascript:"><img src="images/201302040925056122.jpg" /></a></p>
            </div>
          </li>
          <li class="J_slide_item"> <a href="javascript:"><img src="images/201301251010573290.jpg" height="329" width="600" /></a>
            <div class="J_slide_advance">
              <p><a href="http://www.xwcms.net/"><img src="images/201302040923177095.jpg" /></a></p>
              <p><a href="http://www.xwcms.net/"><img src="images/201302040924411894.jpg" /></a></p>
              <p style="margin-right:0;"><a href="javascript:"><img src="images/201302040926316237.jpg" /></a></p>
            </div>
          </li>
          <li class="J_slide_item"> <a href="javascript:"><img src="images/201301230949139489.jpg" height="329" width="600"></a>
            <div class="J_slide_advance">
              <p><a href="http://www.xwcms.net/"><img src="images/2013020409195591101.jpg" /></a></p>
              <p><a href="http://www.xwcms.net/"><img src="images/2013020409203782111.jpg" /></a></p>
              <p style="margin-right:0;"><a href="javascript:"><img src="images/201302040921086470.jpg" ></a></p>
            </div>
          </li>
        </ul>
      </div>
      <ul class="J_slide_trigger">
        <li class=""><a href="javascript:">大美在民间</a></li>
        <li class=""><a href="javascript:">食色性也</a></li>
        <li class=""><a href="javascript:">小确幸轻熟女</a></li>
        <li class=""><a href="javascript:">居家慢生活</a></li>
        <li class=""><a href="javascript:">岁岁平安</a></li>
        <li class=""><a href="javascript:">潮男速成计划</a></li>
      </ul>
    </div>
  </div>
</div>
  <script type="text/javascript">
   new Tab('.J_tab',{auto:true});
   new Slide('#slideBox',{index: 1 ,effect:'slide', firstDelay:8});
  </script>
</body>
</html>
